<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="/js/s3Slider.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#slider1').s3Slider({
            timeOut: 4000 
        });
    });
</script>

<div id="slider1">
    <ul id="slider1Content" style=" margin:0 0 0 -40px">
        <li class='slider1Image'><input id='article_id' type='hidden' value='86'/><a href='/pages/article?id=86'><img src="/universoideas/app/webroot/img/uploads/homer_86.jpg" width="620" height="370" alt="" /><span class='gright'><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</strong><br/><div class='dia'>Wed Septiembre 18, 2013</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</span></a></li><li class='slider1Image'><input id='article_id' type='hidden' value='77'/><a href='/pages/article?id=77'><img src="/universoideas/app/webroot/img/uploads/image2.jpg" width="620" height="370" alt="" /><span class='gright'><strong>Maecenas faucibus mollis interdum.</strong><br/><div class='dia'>Mar Agosto 13, 2013</div>Maecenas faucibus mollis interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</span></a></li>        <div class="clear slider1Image"></div>
    </ul>
</div>